<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>묻고 답하기 | WebCafe</title>
<link rel="stylesheet" type="text/css" href="css/import.css" />
<link rel="stylesheet" type="text/css" href="css/board.css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css">
<![endif]-->
</head>
<body>
<div id="wrapper">
  <!-- 헤더 시작 -->
  <div id="header">
    <h1 class="logo"><a href="index.html"><img src="images/common/logo.gif" alt="WebCafe" /></a></h1>
    <ul id="infoMenu">
      <li class="first-item"><a href="index.html">홈</a></li>
      <li><a href="#">로그인</a></li>
      <li><a href="join.html">회원가입</a></li>
      <li><a href="#">사이트맵</a></li>
      <li><a href="#">ENGLISH</a></li>
    </ul>
    <h2>주메뉴</h2>
    <ul id="navigation">
      <li class="first"><a href="introduce.html"><img src="images/common/topmenu01_ov.gif" alt="HTML에 대해" width="124" height="43" /></a>
        <ul id="naviSub01">
          <li><a href="#">(X)HTML 소개</a></li>
          <li><a href="#">레퍼런스 소개</a></li>
          <li><a href="#">활용예제</a></li>
        </ul>
      </li>
      <li><a href="#"><img src="images/common/topmenu02.gif" alt="CSS에 대해" width="108" height="43" /></a></li>
      <li><a href="#"><img src="images/common/topmenu03.gif" alt="웹 표준" width="90" height="43" /></a></li>
      <li><a href="#"><img src="images/common/topmenu04.gif" alt="웹 접근성" width="101" height="43" /></a></li>
      <li><a href="qna.html"><img src="images/common/topmenu05.gif" alt="묻고 답하기" width="109" height="43" /></a></li>
      <li><a href="gallery.html"><img src="images/common/topmenu06.gif" alt="자료실" width="93" height="43" /></a></li>
    </ul>
  </div>
  <hr />
  <!-- 헤더 끝 -->
  <div id="contents">
    <!-- 사이드 시작 -->
    <div id="subWrap">
      <div class="subMenu">
       <h2><img src="images/qna/h2_qna.gif" alt="묻고 답하기" /></h2>
        <ul>
          <li class="select"><a href="#">묻고 답하기</a></li>
          <li><a href="#">FAQ</a></li>
          <li><a href="#">1:1 질문</a></li>      
        </ul> 
      </div>
      <div class="search">
        <form action="">
          <fieldset>
          <legend>검색어 입력폼</legend>
            <label for="search"><img src="images/common/icon_searcgh.gif" alt="자료검색" /></label>
            <input type="text" id="search" size="14" />
            <input type="image" class="btnSearch" src="images/common/btn_search_sub.gif" alt="검색" />
          </fieldset>
        </form>
      </div>
    </div>
    <!-- 사이드 끝 -->
    <!-- 콘텐츠 시작 -->
    <div id="contentsWrap">
      <div class="location">
        <p class="depth">Home &gt; 묻고 답하기 &gt; <strong class="current"> 묻고 답하기</strong></p>
      </div>
      <h1><img src="images/qna/h1_qna.gif" alt="묻고 답하기" /></h1>  
      <div id="contentsArea">
        <p class="bbsInform">전체 <strong>102</strong>개, 현재<strong>1</strong>/ 전체 <strong>3</strong>페이지</p>
        <table width="100%" border="1" cellspacing="0" cellpadding="0" class="boardList" summary="10개의 게시물 번호, 제목, 등록일, 조회수 정보 전달">
        <caption>묻고 답하기 목록</caption>  
          <thead>
          <tr>
            <th class="first" scope="col">No</th>
            <th scope="col">제목</th>
            <th scope="col">등록일</th>
            <th class="end" scope="col">조회수</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td class="num" scope="row">102</td>
            <td class="bbstitle"><a href="#">파이어폭스 부가기능 어떤 것들을 쓰시나요! </a><span class="replyNum">[<strong>2</strong>]</span></td>
            <td class="date">2009.11.11</td>
            <td class="view">121</td>
          </tr>

          <tr>
            <td class="num">101</td>
            <td><a href="#">파이어폭스 부가기능 어떤 것들을 쓰시나요!</a> <span class="replyNum">[<strong>2</strong>]</span></td>
            <td class="date">2009.11.11</td>
            <td class="view">97</td>
          </tr>         
          <tr>
            <td class="num">100</td>
            <td><a href="#">파이어폭스 부가기능 어떤 것들을 쓰시나요!</a> <span class="replyNum">[<strong>2</strong>]</span></td>
            <td class="date">2009.11.11</td>
            <td class="view">123</td>
          </tr>
          <tr>
            <td class="num">99</td>
            <td><a href="#">파이어폭스 부가기능 어떤 것들을 쓰시나요!</a> <span class="replyNum">[<strong>2</strong>]</span></td>
            <td class="date">2009.11.11</td>
            <td class="view">97</td>
          </tr>
          <tr>
            <td class="num">98</td>
            <td><a href="#">파이어폭스 부가기능 어떤 것들을 쓰시나요!</a> <span class="replyNum">[<strong>2</strong>]</span></td>
            <td class="date">2009.11.11</td>
            <td class="view">123</td>
          </tr>          
        </tbody>
        </table>
        <p class="btnArea">          
          <a href="#"><img src="images/board/btn_write.gif" alt="글쓰기" /></a>
        </p>
        <p class="paging">
          <a href="#" class="btnPage"><img src="images/board/btn_prev.gif" alt="이전10개" /></a>
          <span class="num"><a href="#" class="firstItem">5</a> <strong>4</strong> <a href="#">3</a> <a href="#">2</a> <a href="#">1</a></span>
          <a href="#" class="btnPage"><img src="images/board/btn_next.gif" alt="다음10개" /></a>
        </p>
        <form action="">
        <fieldset class="bbsSearch">    
            <select name="sitelink" title="검색옵션">
            <option selected="selected" value="제목">제목</option>
            <option value="본문">본문</option>
            <option value="아이디">아이디</option>
            </select>
            <input type="text" size="30" class="textBox" title="검색어 입력"/>
            <input type="image" class="goBtn" src="images/board/btn_bbs_search.gif" alt="검색" />
        </fieldset>
        </form>
      </div>
    </div>
    <!-- 콘텐츠 끝 -->
    <hr />
    <!-- 퀵 메뉴 시작 -->
    <div id="quick">
      <h2><img src="images/common/title_quick.gif" alt="퀵 메뉴" /></h2>
      <ul>
        <li><a href="#"><img src="images/common/quick01.gif" alt="HTML에 대해" /></a></li>
        <li><a href="#"><img src="images/common/quick02.gif" alt="게시판" /></a></li>
        <li><a href="#"><img src="images/common/quick03.gif" alt="자료 다운로드" /></a></li>
        <li><a href="#"><img src="images/common/quick04.gif" alt="강좌" /></a></li>
      </ul>
    </div>
    <!-- 퀵 메뉴 끝 -->
  </div>
  <hr />
  <div id="slogan">
    <h2>슬로건</h2>
    <p class="sloganImg"><img src="images/common/icon_coffee.png" alt="커피잔" class="png24" /></p>
    <div class="sloganCon"> <q cite="http://www.w3.org/WAI/">The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.</q>
      <p class="name">Tim Berners - Lee , W3C Director and inventor of the World Wide Web</p>
    </div>
  </div>
  <hr />
  <!-- 푸터 영역 -->
  <div id="footer">
    <div class="footerInner">
      <p class="footerLogo"><img src="images/common/logo_copyright.gif" alt="WebCafe" /></p>
      <h2>사이트 이용안내</h2>
      <ul class="guideMenu">
        <li class="first-item"><a href="#">회사소개</a></li>
        <li><a href="#">개인정보보호정책</a></li>
        <li><a href="#">이메일주소무단수집거부</a></li>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Site map</a></li>
      </ul>
      <address>
      <span class="addr">서울시 마포구 상수동 123-12 한주빌딩 5층</span> <span class="tel">· 전화: 02-1234-1234</span> <span class="fax">· FAX: 02-1234-1234</span> <span class="email">· E-MAIL: webmaster@mail.com</span><br />
      <span class="copyright">Copyright ⓒ Web Cafe CORPORATION ALL RIGHTS RESERVED.</span>
      </address>
    </div>
  </div>
  <!-- 푸터 영역 -->
</div>

<script type="text/javascript">
	function setPng24(obj)
	{
			obj.width = obj.height = 1;
			obj.className = obj.className.replace(/\bpng24\b/i,'');
			obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
			obj.src = '';
			return '';
	}
</script>
</body>
</html>
